<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中国移动</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1510423_udpxacj1p9.css"/>
    <link rel="stylesheet" href="../css/flex.css"/>
    <link rel="stylesheet" href="../css/yi.css"/>
</head>
<body>
<!--楼1-->
<header>
    <div class="div-1" flex="main:center ">
        <div class="wlx " flex="main:justify">
            <div flex="cross:center">
                <p class="p-1 ">ENGLISH</p>

                <p class="p-1">政企客户</p>
            </div>
            <div>
                <i class="iconfont icon-renwu"></i>
                <a class="a-1" href="#">登陆</a>
                <i class="iconfont icon-shouji"></i>
                <a class="a-1-1" href="#">手机营业厅</a>
                <a class="a-1-2" href="#">积分商城</a>
                <a class="a-1-2" href="#">关于中国移动</a>
            </div>
        </div>
    </div>
    <div class="div-1-1" flex="main:center ">
        <div class="wlx " flex="main:justify cross:center">
            <div flex="cross:center">
                <img src="../img/1.png">

                <p class="p-1-1">福州</p>
                <i class="iconfont icon-sanjiao"></i>
            </div>
            <div flex=" dir:top cross:center">
                <div flex class="div-1-2">
                    <input type="text" class="in-1">
                    <button class="bu-1">
                        <i class="iconfong icon-Magnifier"></i>
                        搜索
                    </button>
                </div>
                <div flex class="div-1-3">
                    <a href="#" class="a-1-3">买1G赠1G</a>
                    <a href="#" class="a-1-4">宽带</a>
                    <a href="#" class="a-1-4">通话记录查询</a>
                    <a href="#" class="a-1-4">家庭网</a>
                    <a href="#" class="a-1-4">神州行</a>
                    <a href="#" class="a-1-4">选号入网</a>
                </div>
            </div>
        </div>

    </div>
    <div flex="main:center">
        <div class="wlx div-1-4" flex="main:justify">
            <button class="bu-1-2">首页</button>
            <button class="bu-1-3">移动商城</button>
            <button class="bu-1-4">移动商城</button>
            <button class="bu-1-5">网上营业厅</button>
            <button class="bu-1-6">服务与支持</button>
        </div>
    </div>

</header>

<!--楼2-->
<section flex="main:center">
    <div class="wlx div-2-5">
        <div class="div-2" flex="cross:center">
            <div>
                <i class="iconfont icon-icon-test"></i>
                <span class="sp-2">营业厅导航</span>
            </div>
            <div class="div-2-1">
                <i class="iconfont icon-fangzi"></i>
                <span class="sp-2-1">您现在所在的位置：首页＞网上营业厅＞宽带专区</span>
            </div>
        </div>
        <div flex="main:justify">
            <div id="a"></div>
            <div class="div-2-2">
                <div flex="cross:center">
                    <img src="../img/touxiang.png" class="img-2">
                    <span class="sp-2-2">亲爱的用户，您好~<br>欢迎登录宽带/互联网电视专区</span>
                </div>
                <div class="div-2-3" flex>
                    <button>我的宽带信息</button>
                    <button>我的互联网电视信息</button>
                </div>
                <div class="div-2-4">
                    <ui class="ui" flex="dir:top main:justify">
                        <li>
                            <span class="sp-2-3">◆</span>
                            <span class="sp-2-4">宽带账号：</span>
                            <select p class="int-2">
                                <option>13615040856</option>
                            </select>
                        </li>
                        <li>
                            <span class="sp-2-3">◆</span>
                            <span class="sp-2-4">当前宽带：  20M</span>
                        </li>
                        <li>
                            <span class="sp-2-3">◆</span>
                            <span class="sp-2-4"> 宽带状态：  正常</span>
                        </li>
                        <li>
                            <span class="sp-2-3">◆</span>
                            <span class="sp-2-4"> 到期时间：  2016年10月01日</span>
                        </li>
                        <li>
                            <span class="sp-2-3">◆</span>
                            <span class="sp-2-4"> 宽带续费：</span>
                            <button class="bu-2">续费此宽带</button>
                        </li>
                        <li>
                            <span class="sp-2-3">◆</span>
                            <span class="sp-2-4"> 新装进度：</span>
                            <button class="bu-2-1">查询新装进度</button>
                        </li>
                    </ui>
                </div>
            </div>

        </div>

    </div>
</section>

<!--楼3-->
<section flex="main:center">
    <div class="wlx">
        <div class="div-3">
            <ul class="ul-3" flex="main:justify">
                <li class="li-3-1" >
                    <div class="div-3-1">
                        <h3>12580约你中瑞看电影</h3>
                        <span>10积分购券马上抢</span>
                    </div>
                    <img src="../img/xiazai.jpg" class="img-3">
                </li>
                <li class="li-3-1" >
                    <div class="div-3-1">
                        <h3>福建手机营业厅</h3>
                        <span>首登立送100M免费流量，靠谱！</span>
                    </div>
                    <img src="../img/qian.jpg" class="img-4">
                </li>
                <li class="li-3-1" >
                    <div class="div-3-1">
                        <h3>缤纷超乎想象</h3>
                        <span>10积分购券马上抢</span>
                    </div>
                    <img src="../img/xiazai.jpg" class="img-3">
                </li>
                <li class="li-3-1" >
                    <div class="div-3-1">
                        <h3>12580约你中瑞看电影</h3>
                        <span>10积分购券马上抢</span>
                    </div>
                    <img src="../img/xiazai.jpg" class="img-3">
                </li>
            </ul>

        </div>
        <div class="div-3-2">
            <button>
                宽带新装
                <img src="../img/jinri.png" />
            </button>
            <button>宽带续费</button>
            <button>宽带提速
                <img src="../img/new.png" /></button>
            <button>互联网电视</button>
        </div>
    </div>
</section>

<!--楼4-->
<section flex="main:center">
    <div class="wlx div-4" flex="cross:center">
        <div id="b"></div>
        <div>
            <div>
                <span>手机号码：</span>
                <span>150123456789</span>
                <span>宽带账号：</span>
                <input src="text" placeholder="13615040856">
                <span>装机地址：</span>
                <span>福州市鼓楼区铜盘路五凤小区3#304</span>
            </div>
            <div>
                <span>手机号码：</span>
            </div>
        </div>

    </div>
</section>
































</body>
</html>